/*
 * @description: 配置常量
 * @Author: Islands
 * @Date: 2024-06-20 16:56:46
 * @LastEditTime: 2024-06-21 22:00:51
 */
export type IOptions = {
    label: string,
    value: any,
}

export enum defaultEnum {
    animePrimary = 'animate__fadeOut',
    animeChild = 'animate__pulse'
}
//==================== 取色器 ====================
export type IPickerOption = {
    label: string,
    value: number,
    el: any,
}
export const forElColor = (par: any) => {
    return [
        '--ep-color-' + par,
        '--ep-text-color-' + par,
    ]
}
export const forElColorHover = (par: any) => {
    return [
        '--ep-color-hover-' + par
    ]
}
export enum defaultColorEnum {
    primary = 'primary',
    success = 'success',
    warning = 'warning',
    danger = 'danger',
    info = 'info',
}
//再次 调用，无法获取国际化
export const pickerOption: Array<IPickerOption> = [
    { label: 'title.color.primary', value: 0, el: defaultColorEnum.primary },
    { label: 'title.color.success', value: 1, el: defaultColorEnum.success },
    { label: 'title.color.warning', value: 2, el: defaultColorEnum.warning },
    { label: 'title.color.danger', value: 3, el: defaultColorEnum.danger },
    { label: 'title.color.info', value: 4, el: defaultColorEnum.info },
];
//常用颜色
export const predefineColors = [
    '#ff4500',
    '#ff8c00',
    '#ffd700',
    '#90ee90',
    '#00ced1',
    '#1e90ff',
    '#c71585',
    'rgba(255, 69, 0, 0.68)',
    'rgb(255, 120, 0)',
    'hsv(51, 100, 98)',
    'hsva(120, 40, 94, 0.5)',
    'hsl(181, 100%, 37%)',
    'hsla(209, 100%, 56%, 0.73)',
    '#c7158577',
];


//==================== 背景图 ====================
import bg01 from "@/assets/image/theme/bg1.png";
import bg02 from "@/assets/image/theme/bg2.jpg";
import bg03 from "@/assets/image/theme/bg3.jpg";
export const bgImageOptions: Array<IOptions> = [
    { label: "无背景图", value: '' },
    { label: "背景1", value: bg01 },
    { label: "背景2", value: bg02 },
    { label: "背景3", value: bg03 },
]

//==================== 页面动画 ====================

export const animeConstant: Array<IOptions> = [
    { label: 'title.anime.main', value: 0 },
    { label: 'title.anime.child', value: 1 }
]
export const animeOptions: Array<IOptions> = [
    { label: "无动画", value: '' },
    { label: "动画1", value: 'animate__fadeOut' },
    { label: "动画2", value: 'animate__pulse' },
    { label: "动画3", value: 'animate__tada' },
]
//==================== 主题 ====================
import Template01 from "@/layouts/Widgets/src/button/theme/modules/template/box/template01.vue";
import Template02 from "@/layouts/Widgets/src/button/theme/modules/template/box/template02.vue";
export enum ThemeNameEnum {
    layout01 = 'layout01',
    layout02 = 'layout02',
}
export const component = [
    {
        label: Template01,
        value: ThemeNameEnum.layout01,
    },
    {
        label: Template02,
        value: ThemeNameEnum.layout02,
    },
];